<template>
<h2>ref的另一个作用：可以获取页面中的元素</h2>
<b>自动获取焦点</b>
<input type="text" ref="inputRef">
</template>
<script lang="ts">
import { defineComponent,onMounted,ref } from 'vue'
export default defineComponent({
    name: 'App',
    setup() {
        const inputRef = ref<HTMLElement|null>(null)
        onMounted(() => {
            inputRef.value && inputRef.value.focus()
        })
        return {
            inputRef
        }
    },
})
</script>
<style>
</style>